<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>VAIO Member, สมาชิกคลับไวโอ้, สมาชิกใหม่, ชมรมคนใช้โน๊ตบุ๊คไวโอ้ : VAIO Mania</title>
<meta name="title" content="VAIO Member, สมาชิกคลับไวโอ้, สมาชิกใหม่, ชมรมคนใช้โน๊ตบุ๊คไวโอ้ : VAIO Mania" />
<meta name="description" content="VAIO Member, สมาชิกคลับไวโอ้, สมาชิกใหม่, ชมรมคนใช้โน๊ตบุ๊คไวโอ้ : VAIO Mania" />
<link rel="stylesheet" href="/style.css" media="screen" />
<link rel="stylesheet" href="/scripts/jquery.ui/theme/smoothness/jquery-ui-1.8.6.custom.css" media="screen" />
<link rel="stylesheet" href="/scripts/jquery.validate/validate.css" media="screen" />
<script type="text/javascript" src="/scripts/jquery.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.ui.min.js"></script>
<script type="text/javascript" src="/scripts/jquery.validate.min.js"></script>
<script type="text/javascript" src="/scripts/common.js"></script>
<script type="text/javascript" src="/scripts/jquery.validate/validate-register.js"></script>
<script type="text/javascript">
$(function() {
	var fv_product = "$ss_fv_product";
	if(fv_product){
		$('form .choose-vaio input[type=radio]:checked').each(function(){
			$('form.register-info input[type=submit]').attr({'disabled': ''});
			return false;
		});
	}
	$('.choose-vaio .fv_product').click(function() {
		c = $(this).next().text();
		$('#result').fadeIn('slow').html('You choose '+ c);
		var disabled = c ? '' : 'disabled';
		$('.submit').attr({'disabled': disabled});
	});
	
	$('#birthdate').datepicker({
		 dateFormat: 'yy-mm-dd',
		 changeMonth: true,
		 changeYear: true,
		 maxDate: '+0d',
		 yearRange : 'c-80:c+0'
	 });
});
</script>
</head>
<body class="profile">
<!--$header_html-->
<div class="content">
  <div class="wrapper">
    <p class="breadcrumb"><a href="/home/">VAIO Mania Club Home</a> : Profile  :  Edit</p>
    <h2>VAIO Profile <span>Edit Profile</span></h2>
    <div class="container register">
      <h3>FILL YOUR INFORMATION</h3>
      <form action="" method="post"  name="form-register" id="form-register"  class="register-info" enctype="multipart/form-data">
        <fieldset>
          <h4>ACCOUNT INFORMATION</h4>
          <ul>
            <li class="username">
              <label>ชื่อที่แสดงในเว็บไซต์ </label>
              <p> <span>$ss_username </span> </p>
            </li>
            <li>
              <label>อีเมล์ </label>
              <p> <span> $ss_email</span> </p>
            </li>
            <li class="picture">
              <label>รูปแทนตัว </label>
              <p><img src="/thumb/50/50/zc/contents/avatar/$ss_avatar" />
                <input type="file" name="avatar" id="avatar" value="" />
                <span>*100 px x 100 px ฟอร์แมต .gif, .jpg, .png ไม่เกิน 512Kb</span></p>
            </li>
          </ul>
        </fieldset>
        <fieldset>
          <h4>PERSONAL INFORMATION</h4>
          <ul>
            <li>
              <label>คำนำหน้าชื่อ</label>
              <p>
                <select name="name_title" id="name_title" >
                  <option value=""></option>
                  <!--$titlenameOptions-->
                </select>
              </p>
            </li>
            <li>
              <label>ชื่อ </label>
              <p>
                <input type="text" name="name_first" id="name_first" value="$ss_name_first" />
              </p>
            </li>
            <li>
              <label>นามสกุล </label>
              <p>
                <input type="text" name="name_last" id="name_last" value="$ss_name_last" />
              </p>
            </li>
            <li>
              <label>วันเกิด </label>
              <p>
                <input type="text" name="birthdate" id="birthdate" value="$ss_birthdate"/>
              </p>
            </li>
            <li>
              <label>จังหวัด </label>
              <p>
                <select name="province" id="province">
                  <option value=""></option>
                  <!-- $provinceOptions -->
                </select>
              </p>
            </li>
            <li>
              <label>รหัสไปรษณีย์ </label>
              <p>
                <input type="text" name="zip_code" id="zip_code" value="$ss_zip_code" />
              </p>
            </li>
          </ul>
        </fieldset>
        <fieldset class="choose-vaio">
          <h4>CHOOSE YOUR FAVORITE VAIO</h4>
          <ul>
            <!--SiXhEaD:product-->
            <li>
              <label for="fv_product" id="label-fv-product"> $p_thumb</label>
              <div style="margin-top:98px;">
                <input type="radio" name="fv_product" class="fv_product" value="$p_title" $p_checked style="margin:0px; width:30px; height:15px; border:none;"  />
                <span>VAIO $p_title Series</span> </div>
            </li>
            <!--/SiXhEaD:product-->
            <br class="clear" />
          </ul>
          <p id="result" class="choose-series" style="display:none;"></p>
        </fieldset>
        <fieldset>
          <ul>
            <li  style="height:50px;">
              <label>กรอกข้อความที่ท่านเห็น </label>
              <img src="/captcha/" width="120" height="45" /> </li>
            <li>
              <label></label>
              <p>
                <input type="text" name="captcha" id="captcha"  value="" />
              </p>
            </li>
            <br class="clear" />
          </ul>
        </fieldset>
        <p class="button">
          <input class="submit" type="submit" value="submit" disabled="disabled"/>
          <input class="reset" type="reset" value="reset" />
        </p>
        <br class="clear" />
      </form>
    </div>
  </div>
</div>
<!--$footer_html-->
</body>
</html>
